<template>
  <div class="top">
    <h1>
      <img src="/images/logo.jpg" height="57" width="200" alt="<%=wzmc%>" />
    </h1>
    <div class="fone">
      <img src="/images/fone.jpg" width="175" height="41" />
    </div>
    <div class="top_nev">
      <ul>
        <li class="top_nevl">设为首页</li>
        <li class="top_nevr">加为收藏</li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
.top {
  background: url("/images/top_bg.jpg") repeat-x;
  width: 1000px;
  height: 114px;
  margin: 0 auto;
}

h1 {
  float: left;
  padding-top: 36px;
  padding-left: 48px;
  width: 520px;
}

.fone {
  float: left;
  padding-top: 50px;
}

.top_nev {
  float: right;
  padding-right: 10px;
  padding-top: 10px;
}

.top_nev ul {
  padding-left: 5px;
}

.top_nevl {
  background-color: #494949;
  width: 74px;
  height: 19px;
  float: left;
  line-height: 19px;
  text-align: center;
}

.top_nevr {
  background-color: #d90124;
  width: 74px;
  height: 19px;
  float: left;
  line-height: 19px;
  text-align: center;
}

.top_nev a {
  color: #fff;
}
</style>